#subhome-header{
    width: 100%;
    height: .9rem;
    background: #49b152;
    display: flex;
    color: #fff;
    line-height: .9rem;
    div{
        flex: 1;
        height: .9rem;
    }
    .subhome-header-city{
        span{
            font-size: .3rem;
            position: relative;
            top: -.22rem;
            padding-left: .4rem;
        }
        img{
            width: .3rem;
            position: relative;
            top: -.24rem;
            left: 0rem;
        }
    }
    .subhome-header-title{
        font-size: .34rem;
        text-align: center;
    }
    #search{
        position: relative;
        img{
            position: absolute;
            width: .3rem;
            top: .3rem;
            right: .4rem;
        }
    }
    #city{
        width: 100%;
        background: rgba(0,0,0,.5);
        
        position: fixed;
        z-index: 1000;
        top: 0;
        left: 0;
        #bottom{
            position: absolute;
            width: 100%;
            bottom: 0;
            left: 0;
            background: #fff;
            height: 4.8rem;
            animation: slide .5s;
            header{
                display: flex;
                height: .6rem;
                background: #e5e5e5;
                span{
                    flex: 1;
                    font-size: .28rem;
                    text-align: center;
                    color: #007AFF;
                }
                span.city-choose{
                    font-size: .34rem;
                    color: #333;
                }
            }
            .city{
                display: flex;
                ul{
                    height: 4.2rem;
                    flex: 1;
                    overflow: auto;
                    li{
                        height: .6rem;
                        text-align: center;
                        color: #333;
                        font-size: .28rem;
                    }
                    li.active{
                        background: #444;
                        color: #fff;
                    }
                }
            }
        }
    }
}

@keyframes slide{
    0%{
       height: 0; 
    }
    100%{
        height: 4.8rem;
    }
}
